<template>
  <div class="daily-project-milestone">
    <FullCalendar
      ref="fullCalendar"
      class='calendar-full'
      :options='calendarOptions'>
    </FullCalendar>
  </div>
</template>
<script>
import { reqCommonMsg } from '@/util/reqCommonMsg';
import {mapGetters} from 'vuex';
import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'
import { INITIAL_EVENTS, createEventId } from '@/event-utils'
import 'bootstrap/dist/css/bootstrap.css';
export default {
  props: {

  },
  components: {
    FullCalendar
  },
  data () {
    return {
      calendarOptions: {
        plugins: [
          dayGridPlugin
        ],
        themeSystem: 'bootstrap',
        headerToolbar: {
          left: 'prev,next,today',
          center: 'title',
          right: 'dayGridMonth'
        },
        initialView: 'dayGridMonth',
        height: '100%',
        locale: 'zh-cn',
        firstDay: 1,
        weekNumberCalculation: 'ISO',
      },
    }
  },
  watch: {

  },
  computed: {
    ...mapGetters(['website','userInfo','orgTree','permission','genOrgTree'])
  },
  created() { 
    
  },
  mounted(){
    
  },
  methods:{

  }
}
</script>
<style lang="scss">
  .daily-project-milestone{
    height: 100%;
  }
</style>